.container{
  width: 100vw;
  height: 100vh;
  img{
    width: .48rem;
    height: .48rem;
  }
  .container--header{
    width: 100vw;
    height:1.2rem;
    background: #f1f1f1;
    box-sizing: border-box;
    font-size: .48rem;

    .container--header_center{
      width: 50%;
      line-height: 1.2rem;
      display: inline-block;
      text-align: center;
      box-sizing: border-box;
      float: left;
    }
    .container--header_left,.container--header_right{
      width: 25%;
      font-size: .6rem;
      float: left;
    }
    .container--head_item{
      box-sizing: border-box;
      line-height: 1.2rem;
      display: inline-block;
      color: #010101;
    }
  }
  .container--bottom{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fbfbfc;
    height: 1.33333rem;
    .container--bottom_item{
      line-height: 1.33333rem;
      float: left;
      display: inline-block;
      width: 50%;
    }
    .container--bottom_left{
      text-align: right;
    }
    .container--bottom_right{
      text-align: left;
    }
    .padding_right{
      padding-right: .66666rem;
    }
    .padding_left{
      padding-left: .66666rem;
    }
  }
  .container--content{
    width: 100vw;
    height: 86vh;
    .mask{
      width: 100vw;
      height: 86vh;
      position: fixed;
      background: rgba(0,0,0,.3);
      .inner{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 8rem;
        height: 6.24rem;
        border-radius: .13333rem;
        background: #f1f1f1;
        vertical-align: middle;
        .info_title{
          font-size: .48rem;
          color: #010101;
          font-weight: 500;
          padding-left: .53333rem;
        }
        .text_indent {
           margin-left: .53333rem;
        }
        .tel{
          width: 6.93333rem;
          height: 1.2rem;
          border: 1px solid #dcdcdc;
          border-radius: .06666rem;
          margin-left: .53333rem;
          outline: none;
          font-size: .426666rem;
          color: #010101;
          text-indent: .426666rem;
          font-weight: 600;
        }
        .code{
          margin-top: 5px;
          height: 1.2rem;
          width: 4.4rem;
          border: 1px solid #dcdcdc;
          border-radius: .06666rem;
          margin-left: .53333rem;
          outline: none;
          font-size: .426666rem;
          color: #dcdcdc;
          text-indent: .426666rem;
        }
        .CodeBtn{
          height: 1.2rem;
          background: rgba(0,0,0,.3);
          user-select: none;
          color: #f1f1f1;
          width: 2.34666rem;
          border-radius: .06666rem;
          font-size: .37333rem;
          border: none;
          outline: none;
          margin-left:.05rem;
        }
        .CodeBtn_sure{
          height: 1.2rem;
          background: #06bf04;
          user-select: none;
          color: #f1f1f1;
          width: 2.34666rem;
          border-radius: .06666rem;
          font-size: .37333rem;
          border: none;
          outline: none;
          margin-left:.14rem;
          margin-top:.2rem;
          position: absolute;
        }
        .submit{
          display: inline-block;
          position: absolute;
          bottom: .533333rem;
          left: .53333rem;
          right: .53333rem;
          line-height: 1.06666rem;
          background: #06bf04;
          outline: none;
          color: #f1f1f1;
          font-size: .37333rem;
          border: none;
          text-align: center;
          border-radius: .0666rem;
        }
      }
    }
  }
}
.safe_padding_left{
  padding-left: .48rem;
}
.safe_padding_right{
  padding-right:.48rem;
}
.container--header_right{
  text-align: right;
}

